<template>
  <CloudDropdown>
    <CloudButton type="cloud" @click="(e) => e.preventDefault()">
      Hover me <CloudIcon type="down"
    /></CloudButton>
    <CloudMenu slot="overlay">
      <CloudMenuItem key="0">
        <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">1st menu item</a>
      </CloudMenuItem>
      <CloudMenuItem key="1">
        <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">2nd menu item</a>
      </CloudMenuItem>
      <CloudMenuDivider />
      <CloudMenuItem key="3" disabled> 3rd menu item（disabled） </CloudMenuItem>
    </CloudMenu>
  </CloudDropdown>
</template>

<script>
  export default {
    title: '3.其他元素',
  }
</script>

<style lang="scss">
</style>